<template>
    <!-- XXXXX搜索模块 -->
<div>
    <el-form label-width="100px" style="flex: 1;">
        <div style="display: flex;">
            <el-row>
                <el-col style="width: 100px;">
                    <el-form-item label="xxxxx:"></el-form-item>
                </el-col>
                <el-col style="width: 200px;">
                    <el-input placeholder="请输入xxxxx：" v-model="xxxxxInfo.xxxxx"></el-input>
                </el-col>
                <el-col style="width: 100px;">
                    <el-form-item label="xxxxx"></el-form-item>
                </el-col>
                <el-col style="width: 200px;">
                    <el-input placeholder="请输入xxxxx：" v-model="xxxxxInfo.xxxxx"></el-input>
                </el-col>
                <el-col style="width: 100px;">
                    <el-form>
                        <el-form-item>
                            <el-button type="primary" @click="getXxxxxData()" size="mini"
                                style="height: 40px;"><i class="el-icon-search" />搜索</el-button>
                        </el-form-item>
                    </el-form>
                </el-col>
                <el-col style="width: 100px;">
                    <el-button type="danger" @click="reset()" size="mini" style="height: 40px;">重置 <i
                            class="el-icon-refresh-left" /></el-button>
                </el-col>
            </el-row>
        </div>
    </el-form>
</div>
</template>
<script>
export default {
    created() {
        this.getXxxxxData();
    },
    data() {
        return {
            // XXXXX查询的参数信息
            xxxxxInfo: {
                xxxxx: "",//xxxxx
                xxxxx: "",//xxxxx
                pageNumber: 1,//默认显示的页数
                pageSize: 5,//每页默认显示的数据
            },
            xxxxxList:[]
        }
    },
    methods: {
        //查询XXXXX的接口
        async getXxxxxData() {
            const { data: res } = await this.$http.get("XXXXX", { params: this.xxxxxInfo });
            this.xxxxxList = res.data.data;
            this.total = res.data.xxxxxCounts;
            if (res.code == 106) {
                return this.$message.error(res.message);
            }
        },
        reset() {
                this.xxxxxInfo.字段1 = "",
                this.xxxxxInfo.字段2 = "",
                this.xxxxxInfo.字段3 = ""
        },
    }
}
</script>

<style lang="less" scoped>
.content-search {
    background: #ffffff;
    height: 10px;
}
</style>